<template>
    没写完
</template>
<!-- <template>
    <div class="consultant-details">
        <el-card>
            <div class="header">
                <div class="info">
                    <h2>问题题目: {{ data.question.questionTitle }}</h2>
                    <p> 问题内容：{{ data.question.questionContent }}</p>
                    <p> 发布问题时间{{ data.question.time }}</p>
                </div>
            </div>
            <div class="header">
                <div class="info">
                    <h2>回复用户: {{ data.systemUser.username }}</h2>
                    <p>回复内容: {{ data.replyContent }}</p>
                    <p> 回复问题时间{{ data.time }}</p>
                </div>
            </div>

           

        </el-card>
    </div>
</template>

<script setup>

import { ref, defineProps } from 'vue';

const props = defineProps({
    form: {
        type: Object,
        default: () => {
            return {};
        }
    }
});
// console.log("-----------------------");
// console.log(props.form);
const data = ref(props.form);

</script>

<style scoped>
.consultant-details {
    max-width: 800px;
    margin: 0 auto;
}

.avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 20px;
}

.header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.info h2 {
    margin: 0;
}

.course-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.course-item {
    width: 150px;
    text-align: center;
}

.course-image {
    width: 100%;
    height: auto;
}

.review {
    margin-bottom: 15px;
}

.leave-word {
    margin-bottom: 10px;
}
</style> -->